<template>
  <teleport to="body">
    <main>
      <div class="ImgICO"></div>
    </main>
  </teleport>
</template>

<script lang="ts">
import { defineComponent, reactive, toRefs } from "vue";

export default defineComponent({
  name: "",
});
</script>

<style scoped lang="scss">
main {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  .ImgICO {
    width: 150px;
    height: 150px;
    background-image: url("../assets/饼干.png");
    background-size: cover;
    position: relative;
    animation: scrolls 2s linear infinite;
  }
}

@keyframes scrolls {
  100% {
    transform: rotate(360deg);
  }
}
</style>
